<template>
  <div class="tab-container" style="padding: 32px">
    <el-checkbox-group v-model="checkList" @change="show">
      <el-checkbox label="1">溴吡斯地明</el-checkbox>
      <el-checkbox label="2">醋酸泼尼松</el-checkbox>
      <el-checkbox label="3">甲泼尼龙</el-checkbox>
      <el-checkbox label="4">硫唑嘌呤</el-checkbox>
      <el-checkbox label="5">他克莫司</el-checkbox>
      <el-checkbox label="6">环孢素-A</el-checkbox>
      <el-checkbox label="7">吗替麦考酚酯</el-checkbox>
      <el-checkbox label="8">甲氨蝶呤</el-checkbox>
      <el-checkbox label="9">环磷酰胺</el-checkbox>
      <el-checkbox label="10">注射用甲泼尼龙琥珀酸钠</el-checkbox>
      <el-checkbox label="11">利妥昔单抗</el-checkbox>
      <el-checkbox label="12">中药</el-checkbox>
      <el-checkbox label="13">丙种球蛋白</el-checkbox>
      <el-checkbox label="14">血浆置换</el-checkbox>
      <el-checkbox label="15">免疫吸附</el-checkbox>
      <el-checkbox label="16">五酯滴丸</el-checkbox>
    </el-checkbox-group>
    <el-tabs>
      <div v-show="list.indexOf('1') !== -1">
        <el-divider />
        <h4>溴吡斯地明</h4>
        <drug1 />
      </div>
      <div v-show="list.indexOf('2') !== -1">
        <el-divider />
        <h4>醋酸泼尼松</h4>
        <drug2 />
      </div>
      <div v-show="list.indexOf('3') !== -1">
        <el-divider />
        <h4>甲泼尼龙</h4>
        <drug3 />
      </div>
      <div v-show="list.indexOf('4') !== -1">
        <el-divider />
        <h4>硫唑嘌呤</h4>
        <drug4 />
      </div>
      <div v-show="list.indexOf('5') !== -1">
        <el-divider />
        <h4>他克莫司</h4>
        <drug5 />
        <drug51 />
        <drug52 />
      </div>
      <div v-show="list.indexOf('6') !== -1">
        <el-divider />
        <h4>环孢素-A</h4>
        <drug6 />
      </div>
      <div v-show="list.indexOf('7') !== -1">
        <el-divider />
        <h4>吗替麦考酚酯</h4>
        <drug7 />
      </div>
      <div v-show="list.indexOf('8') !== -1">
        <el-divider />
        <h4>甲氨蝶呤</h4>
        <drug8 />
      </div>
      <div v-show="list.indexOf('9') !== -1">
        <el-divider />
        <h4>环磷酰胺</h4>
        <drug9 />
      </div>
      <div v-show="list.indexOf('10') !== -1">
        <el-divider />
        <h4>注射用甲泼尼龙琥珀酸钠</h4>
        <drug10 />
      </div>
      <div v-show="list.indexOf('11') !== -1">
        <el-divider />
        <h4>利妥昔单抗</h4>
        <drug11 />
      </div>
      <div v-show="list.indexOf('12') !== -1">
        <el-divider />
        <h4>中药</h4>
        <drug12 />
      </div>
      <div v-show="list.indexOf('13') !== -1">
        <el-divider />
        <h4>丙种球蛋白</h4>
        <drug13 />
      </div>
      <div v-show="list.indexOf('14') !== -1">
        <el-divider />
        <h4>血浆置换</h4>
        <drug14 />
      </div>
      <div v-show="list.indexOf('15') !== -1">
        <el-divider />
        <h4>免疫吸附</h4>
        <drug15 />
      </div>
      <div v-show="list.indexOf('16') !== -1">
        <el-divider />
        <h4>五酯滴丸</h4>
        <drug16 />
      </div>

    </el-tabs>
  </div>
</template>

<script>
import drug1 from './drug/drug1.vue'
import drug2 from './drug/drug2.vue'
import drug3 from './drug/drug3.vue'
import drug4 from './drug/drug4.vue'
import drug5 from './drug/drug5.vue'
import drug51 from './drug/drug5-1.vue'
import drug52 from './drug/drug5-2.vue'
import drug6 from './drug/drug6.vue'
import drug7 from './drug/drug7.vue'
import drug8 from './drug/drug8.vue'
import drug9 from './drug/drug9.vue'
import drug10 from './drug/drug10.vue'
import drug11 from './drug/drug11.vue'
import drug12 from './drug/drug12.vue'
import drug13 from './drug/drug13.vue'
import drug14 from './drug/drug14.vue'
import drug15 from './drug/drug15.vue'
import drug16 from './drug/drug16.vue'

export default {
  components: {
    drug1,
    drug2,
    drug3,
    drug4,
    drug5,
    drug51,
    drug52,
    drug6,
    drug7,
    drug8,
    drug9,
    drug10,
    drug11,
    drug12,
    drug13,
    drug14,
    drug15,
    drug16
  },
  data() {
    return {
      checkList: [],
      list: []
    }
  },
  methods: {
    show(v) {
      this.list = v
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>
